<template>
  <div class="common-left-bg" style="margin-top:20px;">
    <dv-border-box-7>
        <div class="common-title">综合素质评价</div>

        <el-row :gutter="20">
          <el-col :span="12">
            <div class="zonghe">
              <img src="http://139.196.217.92:9208/Upload/images/20210318/20210318091137_mydisplay_728.jpg" width="80">
              <p>二三班</p>
              <p>李海波</p>
              <p>好评如潮</p>
              <p><span style="color:yellow" v-for="item in 3"><i class="el-icon-star-on" ></i></span></p>
              <p>2021-03-15 获取成就</p>
            </div>
          </el-col>
          <el-col :span="12">
            <div class="zonghe" style="margin: 10px 20px 10px 0px;">
              <img src="http://139.196.217.92:9208/Upload/images/20210318/20210318091137_mydisplay_728.jpg" width="80">
              <p>二三班</p>
              <p>李海波</p>
              <p>好评如潮</p>
              <p><span style="color:yellow" v-for="item in 3"><i class="el-icon-star-on" ></i></span></p>
              <p>2021-03-15 获取成就</p>
            </div>
          </el-col>
        </el-row>

    </dv-border-box-7>
  </div>
</template>

<script>
export default {
  name: 'xiaoyuanquanqingkuang',
  data () {
    return {
      config: {
        header: ['发布', '阅读', '评论', '点赞'],
        data: [
          ['学校', '0', '0', '0'],
          ['老师', '0', '0', '0'],
          ['班级', '0', '0', '0'],
          ['家长', '0', '0', '0'],
          ['学生', '0', '0', '0'],
        ],
        headerBGC: '',
        oddRowBGC: '',
        evenRowBGC: '',
        align: ['center','center','center','center'],
        // columnWidth: [100,100,100,100],
        carousel: 'page'
      }
    }
  }
};
</script>

<style>
.zonghe{ text-align: center; border: 1px solid rgba(1, 153, 209, .5); margin: 10px 0px 10px 20px; }
.zonghe img{ border-radius: 50%; width: 50px; height: 50px; margin-top: 10px; }
.zonghe p{ margin:4px; padding: 0px; color: #ccc; font-size: 12px;}
</style>
